
@import '../../../css/theme.styl' 

.index-banner-wrapper
    width:100%;
    height:170px;
    .first_item
        width:234px;
        height 100%
        font-size: 0px;
        display:flex;
        justify-content:flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        .c-item
            box-sizing: border-box;
            width:78px;
            height 85px;
            background #5f5750;
            position relative;
            font-size:13px;
            text-align: center;
            color #ccc;
            cursor pointer;
            .title
                margin-top 10px;
            .img-wrapper
                margin: auto;
                margin-top 20px;
                width 24px;
                height 24px
                opacity .7;
                img
                    width 100%;
                    height 100%;
            &:hover
                color #fff;
                .img-wrapper
                    opacity 1.0;
            &::before
                content: "";
                position absolute;
                width:1px;
                height 70px;
                top:10px;
                left 0
                background #665e57;
            &::after
                content: "";
                position absolute;
                width:65px;
                height 1px;
                top:0;
                left 0
                background #665e57;
    .item
        width:310px;
        height 100%;
        cursor pointer
        img 
            width 100%;
            height 100%;